<template>
 <div class="tuan">
    <div class="header">
      <img src="./logo.jpg" alt="">
  </div>
  <div class="btns">
    <router-link to="/Tuan/nowbuy">正在抢购</router-link>
    <router-link to="/Tuan/coming">即将开始</router-link>
  </div>
    <!-- 组件渲染出口 -->
    <router-view></router-view>
  
    <Tabbar></Tabbar>
  </div>
</template>

<script>
export default {
data(){
  return{
    active:0
  }
}
}
</script>

<style lang='scss' scoped>
.header{
        width: 100%;
        img{
            width: 100%;
        }}
    .btns{
  position: relative;
  top:-43px;
  
  
  a {
    width: 100%;
    top: 5px;
    text-decoration: none;
    margin-bottom: 20px;
    padding-right: 10px;
  }
  a.router-link-active {
    color: red;
  }
}
    

</style>